﻿.zh-title {
    padding: 0;
    height: 80px;
    line-height: 80px;
}
    .zh-title .v-line {
        display: inline-block;
        width: 4px;
        height: 26px;
        background-color: #f13a3a;
        position: relative;
        top: 5px;
    }
    .zh-title .h1 {
        font-size: 26px;
        font-weight: 600;
        color: #f13a3a;
        margin-right: 8px;
    }
    .zh-title .h2 {
        font-size: 17px;
        color: #696969;
    }

/****头部****/

.head {
    display: block;
    width: 100%;
}

.title {
    padding:40px 0 30px 0;
}
    .title .logo {
        display: inline-block;
    }
        .title .logo img {
            vertical-align: middle;
            width:180px;
        }
        .title .logo .logo-name {
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            margin-left: 25px;
           /* background-image: url(webname.png); */
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            width: 94px;
            height: 40px;
        }

    .title .searchbox {
        vertical-align: middle;
        display: inline-block;
        margin-left: 130px;
        border: 2px solid #f13a3a;
    }
        .title .searchbox input {
            width: 420px;
            height: 46px;
            line-height: 46px;
            padding:0 15px;
            border: none;
            outline: none;
        }
        .title .searchbox a {
            float: right;
            width: 90px;
            height: 46px;
            line-height: 46px;
            background-color: #f13a3a;
            color:#fff;
            text-align:center;
        }
		
		

    .title .userlogo {
        float: right;
        height: 50px;
        line-height: 50px;
    }
        .title .userlogo img,
        .title .userlogo a
        {
            vertical-align: middle;
            font-size:12px;
        }
        .title .userlogo span {
            vertical-align: middle;
        }

    .toolbar {
        height: 45px;
        text-align: center;
        background-color: #F13A3A;
        color: #ffffff;
    }

        .toolbar .barmenu {
            display:inline-block;
            /*margin-left:100px;*/
        }
            .toolbar .barmenu li {
                float: left;
                text-align: center;
            }
                .toolbar .barmenu li a {
                    width: 114px;
                    height: 45px;
                    line-height: 45px;
                    display: block;
                    font-size: 14px;
                    color: #ffffff;
                    position: relative;
                    margin-right: 1px;
                }
                .toolbar .barmenu li.current a {
                    background: #F45E5F;
                }
                .toolbar .barmenu:hover li.current a {
                    background:none;
                }
                .toolbar .barmenu li:nth-child(n+2) a:before {
                    content: '';
                    height: 15px;
                    width: 1px;
                    background-color: #d3d3d3;
                    position: absolute;
                    left: -1px;
                    top: 15px;
                }
                .toolbar .barmenu li a:hover {
                    background: #F45E5F !important;
                }

        .toolbar .contactbox {
            position: absolute;
            top: 0;
            right: 0;
        }
            .toolbar .contactbox i {
                font-size: 25px;
                vertical-align: middle;
            }
            .toolbar .contactbox .contact {
                display:inline-block;
                vertical-align: middle;
                height: 45px;
                text-align:left;
            }
                .toolbar .contactbox .contact h5 {
                    height: 25px;
                    line-height: 30px;
                    font-size: 13px;
                    font-weight: 500;
                }
                .toolbar .contactbox .contact h6 {
                    font-size: 12px;
                    font-weight: 500;
                }

/****内容****/
.content {
    min-height: 570px;
}
.con .con-path-nav {
    margin-top:20px;
    color:#000;
    padding:5px 0;
    font-size:13px;
}
    .con .con-path-nav a.current{
        color: #666;
        cursor:auto;
    }

/****尾部****/
.foot {
    display: block;
    width: 100%;
    border-top: 1px solid #aaa;
}
.foot-tips {
    background-color: #F6F6F6;
    height: 160px;
    background-image: url(footback.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
    .foot-tips table {
        height: 100%;
        width: 100%;
        table-layout: fixed;
    }
    .foot-tips td{
        text-align:center;
    }

    .foot-tips .foot-logo {
    }
        .foot-logo img {
            width: 210px;
        }
        .foot-logo p {
            font-size: 16px;
            padding-top: 10px;
            letter-spacing: 6px;
        }

    .foot-tips .foot-contact {
        text-align: left;
        display: inline-block;
    }
        .foot-contact .foot-contact-title {
            font-size: 16px;
            letter-spacing: 5px;
            font-weight: 600;
        }
        .foot-contact .foot-contact-tel {
            font-size: 36px;
            font-weight: 600;
            color: #b9040b;
        }
        .foot-contact .foot-contact-addr {
            font-size: 16px;
            letter-spacing: 3px;
        }

    .foot-tips .foot-qrcode {
        position:relative;
    }
    /*.foot-tips .foot-qrcode:before {
        content: "";
        width: 2px;
        height: 130px;
        position: absolute;
        background-color: red;
        left: 0;
    }*/
        .foot-qrcode .qrcode-box{
            width:100px;
            display:inline-block;
            border-radius:8px;
            padding:8px;
            background-color:#ffffff;
        }
            .foot-qrcode .qrcode-box img{
                width: 100%;
            }
            .foot-qrcode .qrcode-box p {
                font-size: 16px;
                letter-spacing: 4px;
                text-align: center;
            }

.foot-copyright {
    background-color: #DDDDDD;
}
    .foot-copyright .copyright {
        background-color: #e50811;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #ffffff;
        font-size: 14px;
    }

/****对话框****/
.ShadowBg {
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.DialogBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:100;
}